import type { MenuOption } from "naive-ui";

const menuOptions: MenuOption[] = [
  {
    label: () => (
      <router-link to={"/test"}>
        <div class="menu_item_name">
          仪表盘 / Dashboard
        </div>
      </router-link>
    ),
    key: "dashboard",
    icon: () => <a-icon name={"ChartLineData"} />,
  },
  {
    label: () => (
      <router-link to={"/"}>
        <div class="menu_item_name">
          根目录 / Root
        </div>
      </router-link>
    ),
    key: "root",
    icon: () => <a-icon name={"AppSwitcher"} />,
  },
  {
    label: () => (
      <router-link to={"/demo/form"}>
        <div class="menu_item_name">
          ocean Form / form
        </div>
      </router-link>
    ),
    key: "demo-form",
    icon: () => <a-icon name={"AppSwitcher"} />,
  },
  {
    label: () => (
      <router-link to={"/demo/tableTemplate"}>
        <div class="menu_item_name">
          通用表格模版 / template
        </div>
      </router-link>
    ),
    key: "demo-table-template",
    icon: () => <a-icon name={"AppSwitcher"} />,
  },
  {
    label: () => (
      <router-link to={"/demo/tableTemplate2"}>
        <div class="menu_item_name">
          通用表格模版2 / template2
        </div>
      </router-link>
    ),
    key: "demo-table-template2",
    icon: () => <a-icon name={"AppSwitcher"} />,
  },
];

export default menuOptions;
